<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="Aaron Ganschow" />
	<meta name="description" content="A simple blog interface for not so simple blogs." />
    <title>
      Tidy Blog
    </title>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/print.css" type="text/css" media="print" /></head>
  <body>
    <div class="wrapper">
      <div class="container">
        <div id="searchBar">
          <div class="head"> &nbsp;search</div>
          <div class="content"><form action="#" method="post"><input name="search_button" type="image" class="button" src="images/search.gif" /><input type="text" name="search" class="search" /></form></div></div>
        <div class="icon">
          <img src="images/hand_logo.gif" width="140" height="98"
          alt="My fantastic Webdings Logo" />
        </div>
        <div id="title">
          <h1>
            Tidy Blog
          </h1>
          <h2>
            it's easier than you think
          </h2>
        </div>
        <div id="navigation">
          <ul>
            <li>
              <a href="index.html">Home</a>
            </li> 	  
            <li>
              <a href="archives.html" class="selected">Archives</a>
            </li>
            <li>
              <a href="example.html">Example</a>
            </li>
			<li>
              <a href="gallery.html">Gallery</a>            
			</li>
            <li>
              <a href="design.html">Design</a>
            </li>
          </ul>
        </div>
        <br class="clear" />
        <div id="body">
          <div class="sidebar">
		    <h3>Calendar</h3>
			<div class="content">
			 <div class="calendar">
			 <table id="calendar" cellspacing="0" cellpadding="0" summary="This month's calendar">
<caption><a href="#" title="previous month" class="nav">&laquo;</a> August <a href="#" title="next month" class="nav">&raquo;</a></caption>

 <tr>
	<th scope="col" abbr="Sunday" title="Sunday">S</th>
	<th scope="col" abbr="Monday" title="Monday">M</th>
	<th scope="col" abbr="Tuesday" title="Tuesday">T</th>
	<th scope="col" abbr="Wednesday" title="Wednesday">W</th>
	<th scope="col" abbr="Thursday" title="Thursday">T</th>

	<th scope="col" abbr="Friday" title="Friday">F</th>
	<th scope="col" abbr="Saturday" title="Saturday">S</th>
 </tr>
 <tr>
	<td>&nbsp;</td>
	<td>&nbsp;</td>
	<td>1</td>

	<td>2</td>
	<td>3</td>
	<td>4</td>
	<td>5</td>
 </tr>
 <tr>
	<td class="today"><a href="#">6</a></td>

	<td>7</td>
	<td>8</td>
	<td>9</td>
	<td><a href="#">10</a></td>
	<td>11</td>
	<td>12</td>

 </tr>
 <tr>
	<td><a href="#">13</a></td>
	<td>14</td>
	<td>15</td>
	<td>16</td>
	<td>17</td>

	<td>18</td>
	<td>19</td>
 </tr>
 <tr>
	<td>20</td>
	<td>21</td>
	<td>22</td>

	<td><a href="#">23</a></td>
	<td>24</td>
	<td>25</td>
	<td>26</td>
 </tr>
 <tr>
	<td>27</td>

	<td>28</td>
	<td>29</td>
	<td>30</td>
	<td>31</td>
	<td>&nbsp;</td>
	<td>&nbsp;</td>
 </tr>

</table>
			 </div>			 
			</div>
			<br />
            <h3>Categories</h3>
			<div class="content">
				<ul class="links">
				  <li><a href="#">Pop Culture</a></li>
				  <li><a href="#">Rants &amp; Raves</a></li>
				  <li><a href="#">Musings</a></li>
				  <li><a href="#">Coding</a></li>
				  <li><a href="#">Fiction</a></li>
				  <li><a href="#">Christianity</a></li>
				</ul>
			</div>
			<br />
		    <h3>Sceptre of Chaos</h3>
			<div class="content">After all these years, no one could have guessed that it would be in mouth of a whale.			</div>
			<br />
			<h3>Contact</h3>
			<div class="content">
			<form action="#" method="post">
			  <label for="email">e-mail</label><br />
			  <input type="text" name="email" size="22" id="email" tabindex="81" /><br />
			  <label for="message">message</label><br />
			  <textarea cols="18" rows="5" name="message" id="message" tabindex="82"></textarea><br /><br />
			  <input type="submit" name="submit" value="Send" class="submit" tabindex="83" />
			</form>
			</div>
			<br class="clear" />
          </div>
          <div class="content">
		    <h3>Post Archive</h3>
            <table class="archive" cellpadding="0" cellspacing="0">
			  <thead>
			    <tr>
				  <th>Title</th>
				  <th>Author</th>
				  <th>Submited</th>
				  <th>Options</th>
				</tr>
			  </thead>
			  <tbody>
			    <tr>
				  <td colspan="4" class="spanner">December</td>
				</tr>
				<tr>
				  <td>Christmas is going to suck</td>
				  <td class="byline">AfriadToLive</td>
				  <td>2006-12-22</td>
				  <td class="options"><img src="images/email_link.gif" alt="Email Link to this Article" /> <img src="images/folder_heart.gif" alt="Add to Favorites" /> <img src="images/comments.gif" alt="Comments" /> <img src="images/page_white_acrobat.gif" alt="Download PDF" /></td>
				</tr>
				<tr>
				  <td>There was this guy strung out on cheese whiz </td>
				  <td class="byline">Aaron Ganschow </td>
				  <td>2006-12-13</td>
				  <td class="options"><img src="images/email_link.gif" alt="Email Link to this Article" /> <img src="images/folder_heart.gif" alt="Add to Favorites" /> <img src="images/comments.gif" alt="Comments" /> <img src="images/page_white_acrobat.gif" alt="Download PDF" /></td>
				</tr>
				<tr>
				  <td>It all kind of brings me back to 7th grade </td>
				  <td class="byline">PretentiousBlogger</td>
				  <td>2006-12-11</td>
				  <td class="options"><img src="images/email_link.gif" alt="Email Link to this Article" /> <img src="images/folder_heart.gif" alt="Add to Favorites" /> <img src="images/comments.gif" alt="Comments" /> <img src="images/page_white_acrobat.gif" alt="Download PDF" /></td>
				</tr>
			    <tr>
				  <td colspan="4" class="spanner">November</td>
				</tr>
				<tr>
				  <td>This time I am going to stick to it </td>
				  <td class="byline">AfriadToLive</td>
				  <td>2006-11-27</td>
				  <td class="options"><img src="images/email_link.gif" alt="Email Link to this Article" /> <img src="images/folder_heart.gif" alt="Add to Favorites" /> <img src="images/comments.gif" alt="Comments" /> <img src="images/page_white_acrobat.gif" alt="Download PDF" /></td>
				</tr>
				<tr>
				  <td>Sushi and Student loans both start with &quot;s&quot; </td>
				  <td class="byline">Aaron Ganschow </td>
				  <td>2006-11-11</td>
				  <td class="options"><img src="images/email_link.gif" alt="Email Link to this Article" /> <img src="images/folder_heart.gif" alt="Add to Favorites" /> <img src="images/comments.gif" alt="Comments" /> <img src="images/page_white_acrobat.gif" alt="Download PDF" /></td>
				</tr>
			    <tr>
				  <td colspan="4" class="spanner">October</td>
				</tr>
				<tr>
				  <td>Why doesn't vomit smell like snot? </td>
				  <td class="byline">AfriadToLive</td>
				  <td>2006-10-22</td>
				  <td class="options"><img src="images/email_link.gif" alt="Email Link to this Article" /> <img src="images/folder_heart.gif" alt="Add to Favorites" /> <img src="images/comments.gif" alt="Comments" /> <img src="images/page_white_acrobat.gif" alt="Download PDF" /></td>
				</tr>
				<tr>
				  <td>The overwhelming desire to wear a hat </td>
				  <td class="byline">PretentiousBlogger</td>
				  <td>2006-10-11</td>
				  <td class="options"><img src="images/email_link.gif" alt="Email Link to this Article" /> <img src="images/folder_heart.gif" alt="Add to Favorites" /> <img src="images/comments.gif" alt="Comments" /> <img src="images/page_white_acrobat.gif" alt="Download PDF" /></td>
				</tr>
				<tr>
				  <td>Tvs sometimes show rapid dots </td>
				  <td class="byline">AfriadToLive</td>
				  <td>2006-10-2</td>
				  <td class="options"><img src="images/email_link.gif" alt="Email Link to this Article" /> <img src="images/folder_heart.gif" alt="Add to Favorites" /> <img src="images/comments.gif" alt="Comments" /> <img src="images/page_white_acrobat.gif" alt="Download PDF" /></td>
				</tr>
			  </tbody>
			</table>
			<br />
          </div>
          <br class="clear" />
        </div>
        <br class="clear" />
      </div>
      <br class="clear" />
      <div id="footer">
        <div id="footHead">
          <div class="container">
            <div class="head">
              Recent Posts
            </div>
            <div class="head">
              Awesome Links
            </div>
            <div class="head">
              Image Showcase
            </div>
          </div>
		  <div class="clear"></div>
        </div>
        <div id="footBody">
          <div class="container">
            <div class="content">
              <ul>
                <li>
                  <a href="#">My Uber beats your uber</a>
                </li>
                <li>
                  <a href="#">Why drama makes bunnies cry</a>
                </li>
                <li>
                  <a href="#">Buffy the Vampire Slayer vs Pikachu</a>
                </li>
                <li>
                  <a href="#">Myspace themes <strong><em>without</em></strong>
                  glitter</a>
                </li>
                <li>
                  <a href="#">This sundress makes my pig look fat</a>
                </li>
              </ul>
            </div>
            <div class="content">
              <ul>
                <li>
                  <a href="http://www.wildleaf.net/">Wildleaf</a>
                </li>
                <li>
                  <a href="http://aaron.ganschow.us/">Aaron.Ganschow</a>
                </li>
                <li>
                  <a href="http://www.sxc.hu/">Stock.xchng</a>
                </li>
                <li>
                  <a href="http://www.css-galleries.com/">CSS Galleries</a>
                </li>
              </ul>
            </div>
            <div class="content showcase">
              <img src="images/thumbs/1.jpg" width="65" height="65" alt="1" /> <img
              src="images/thumbs/2.jpg" width="65" height="65" alt="2" /> <img
              src="images/thumbs/3.jpg" width="65" height="65" alt="3" /> <img
              src="images/thumbs/4.jpg" width="65" height="65" alt="4" /> <img
              src="images/thumbs/5.jpg" width="65" height="65" alt="5" /> <img
              src="images/thumbs/6.jpg" width="65" height="65" alt="6" /> <img
              src="images/thumbs/7.jpg" width="65" height="65" alt="7" /> <img
              src="images/thumbs/8.jpg" width="65" height="65" alt="8" />
            </div>
          </div>
		  <div class="clear"></div>
          <div id="copyright">
            <div class="container">
              &copy; Copyright 2006 <a href="http://aaron.ganschow.us/">Aaron Ganschow</a>
            </div>
          </div>
        </div>
      </div>
    </div>
	<img src="images/tab_over.gif" style="display: none; visibility:hidden; width:0; height:0; position:absolute; top: -100px; left: -200px;" alt="I am soooo fake pre-loading this image so the navigation doesn't skip while loading the over state.  I know I could use the sliding doors technique to avoid this fate, but I am too lazy." />
  </body>
</html>